<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>test</title>
	<script type="text/javascript" src="napkinCanvasViewer.js"></script>
	<script type="text/javascript" src="testData.js"></script>
    <script type="text/javascript">
    function draw() {
        states = [];
        for(var i = 0; i < testStates.length;i++) {
            var stateString = testStates[i];
            var state = new NapkinState(stateString);
            states.push(state);
        }        
        applyUndos();
        drawStates();
    }
	</script>
</head>

<body onload="draw();">
<canvas id="napkinViewerCanvas" width="500" height="500" style="border: 1px solid black;"></canvas> 

</body>
</html>
